// JavaScript Document

$(function(){
//	许愿内容显隐
	var x=1;
	$('#map').click(function(){
		if(x==1){
			$('#xuyuan').stop().show(300);	
			x=0;
		}else{
			$('#xuyuan').stop().hide(300);
			x=1;
		}
	})
//	许愿登录和注册显隐
	var z=1;
	$('.go').click(function(){
		if(z==1){						
			$('#zhuce').show();
			$('#denglu').hide();
			z=0;
		}else{						
			$('#zhuce').hide();
			$('#denglu').show();
			z=1;
		}
	})
	
	
	
//	登录界面显隐
	var y=1;
	$('#login').click(function(){
		if(y==1){			
//			登录界面显示
			$('.deng').stop().show(300);
			$('#denglu').stop().show(300);	
			y=0;
		}else{
//			登录界面隐藏
			$('.deng').stop().hide(300);
			$('#denglu').stop().hide(300);
			y=1;
		}
	})
	
	
	
//	登录ajax

		$('#denglu').submit(function(){
			var user=$('input[name=user]').val();
			var pwd=$('input[name=pwd]').val();	
			$.ajax({
				type:"post",
				url:"./index.php?a=login",
				data:{user:user,pwd:pwd},
				success:function(login){
					//转整
					var login = parseInt(login);
					if(login){
//						蒲公英遮罩显示
						$('#map').show();
//						登录遮罩隐藏
						$('.deng').hide(300);
//						登录界面隐藏
						$('#denglu').hide(300);
						y=1;
//						许愿模式启动
						$('#xuyuan').show(300);
						x=0;
											
					}else{
						alert('账号或密码错误');
					}
				}
			});
		})

	
//	注册ajax
		$('#zhuce').submit(function(){
			var user=$('input[name=user1]').val();	
			var pwd=$('input[name=pwd1]').val();
			$.ajax({
				type:"post",
				url:"./index.php?a=register",
				data:{user:user,pwd:pwd},
				success:function(register){
					//转整
					var register = parseInt(register);
					if(register){
						alert('注册成功！请登录');				
					}else{
						alert('账户已存在');
					}
				}
			});
		})


	
//	许愿ajax
	
	$('#xuyuan').submit(function(){
		$('#xuyuan').hide(300);
		$('#map').show();
		x=1;
	//	随机取位置
		var l=Math.ceil(Math.random()*1200);
	//	alert(x);
		var t=Math.ceil(Math.random()*484);
	//	alert(y);
//		var formData=$(this).serialize();
		var title=$('input[name=title]').val();
		var content=$('textarea[name=content]').val();
	//	异步处理
		$.ajax({
			
//			请求类型
			type:"post",
			url:"./index.php?a=add",
			data:{title:title,content:content,l:l,t:t},
			dataType:'json',
			success:function(phpData){
//				alert(phpData.key);
				var str= '<div class="piece" style="left:'+phpData.l+'px;top:'+phpData.t+'px">'+
							'<img src="./Public/Home/img/u1.png" alt="" />'+
							'<div class="column">'+
					  		  '<a href=""><img src="Public/Home/img/close.gif" alt=""></a>'+
					  		  '<div class="idress">字条编号：'+phpData.key+'</div> '+
				    			'<h4 class="title">'+phpData.title+'</h4>'+		    
							    '<p class="content">'+phpData.content+'</p>'+			    
							    '<p class="name">'+phpData.user+'</p>'+
							    '<p class="date">'+phpData.time+'</p>'+
			  				'</div>'+
						  '</div>';
							
				$('#bg').append(str);
				var shake=$('.piece:last').position().top;
				$('.piece:last').animate({top:shake+20+'px'},1000);	
				$('.piece:last').animate({top:shake+'px'},1000);	
				
			}
		
		});		
	})

	
//	给未来元素添加hover事件
	$('.piece').live('mouseover',function(){
		$(this).find('.column').stop().show(500);
		
	}).live('mouseout',function(){
		$(this).find('.column').stop().hide(500);
	});
////	飘动的时间
//	var time=$('.piece').position().top * 10;
////	alert(time);
//	$('.piece').animate({top:'-125px'},time);
	
//	给未来元素添加向上飘动事件


})

